<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <div></div>
    <ul>
        <li>789</li>
        <li>789</li>
        <li>789</li>
        <li>789</li>
        <li>789</li>
        <li>789</li>
    </ul>
    <h1>
        <div></div></h1>
    <script>
            // 判断题，先判断正确与否，再说明理由。
            // 如果 `elem` 是任意一个 DOM 元素节点……
            // - `elem.lastChild.nextSibling` 值一直都是 `null`，这个判定是不是真的？ true
            // - `elem.children[0].previousSibling` 值一直都是 `null`，这个判定是不是真的？
            //child获得节点(元素节点和文本节点)
            var elem=document.querySelector('div');
            console.log(elem);//<div>123</div>
            console.log(elem.lastChild);//123
            console.log(elem.lastChild.nextSibling);//null

            var ul=document.querySelector('ul');
            console.log(ul);
            console.log(ul.lastChild);
            console.log(ul.lastChild.nextSibling);//null

            var h1=document.querySelector('h1');
            console.log(h1);
            console.log(h1.lastChild);
            console.log(ul.lastChild.nextSibling);//null
            
    </script>
</body>

</html>